<template>
<div id="footer">
 <div class="footer">
    <div class="one">
      <span>友情链接</span>
    </div>
    <div class="two">
        <div>
         <ul>
        <li><a href="">关于本站</a></li>|
        <li><a href="">联系我们</a></li>|
        <li><a href="">帮助中心</a></li>|
        <li><a href="">友情链接</a></li>|
        <li><a href="">家长监护</a></li>|
        <li><a href="">网站地图</a></li>|
        <li><a href="">用户协议</a></li>|
        <li><a href="">手机版</a></li>   
      </ul>
         </div>
        <div>
        <img src="" alt=""><a href="安全联盟认证"></a><span>健康游戏忠告:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防上当受骗 适度游戏益脑 沉迷游戏伤身 合理安排事件 享受健康生活</span>
        </div>
        <div>
        Copyright @ 2015-2022 app.bacms.cn xxx网络科技有线公司 | xxx
        </div>
    </div>
  </div>
</div>
 
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
#footer{
    background-color: #1f272b;
}
.footer{
    height: 250px;
    width: 1000px;
    margin: 0 auto;
    color: #aaa;
    .one{
        font-size: 1.5em;
        border-bottom: 1px solid #63696a;
        height: 100px;
        line-height: 100px;
        margin-bottom: 20px;
    }
    .two{
        text-align: center;
        >div:first-child{
            ul{
                display: flex;
                justify-content: center;
                margin-bottom: 20px;
                align-items: center;
                li{
                    padding: 5px 15px;
                }
            }
        }
        >div:nth-child(2){
            margin-bottom: 20px;
        }
        >div:last-child{
            margin-bottom: 20px;
        }
    }
}
</style>
